import router from '@/router'
// 引入进度条
import nprogress from 'nprogress'
// 引入进度条样式
import 'nprogress/nprogress.css'
import store from '@/store'

/**
 * 前置守卫
 * 
 */ 
// 声明白名单
const whiteList = ['/login', '/404']
router.beforeEach(async (to, from, next) => {
  nprogress.start()
  // 如果有token且是登录页，跳转到主页
  if (store.getters.token) {
    // 用to.path判断要跳转的页面是不是登录页
    if(to.path === '/login') {
      // 是登录页就跳转到主页
      next('/')
      nprogress.done()
      // 如果不是登录页，就直接next放过
    } else {
      // 判断是否获取过资料
      if(!store.getters.userId) {
        await store.dispatch('user/getUserInfo')
      }
      next()
    }
  } else {
    // 没有token但是在白名单里面直接放行，不在白名单里面就跳转到登录页
    if(whiteList.includes(to.path)) {
      next()
    } else {
      next('/login')
      nprogress.done()
    }
  }
})

/**
 * 后置守卫
 */
router.afterEach(() => {
  nprogress.done()
})